.whole{
	width: 100%;
	height: 100%;
	margin-top: 1.8rem;
}

.Conter{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	margin: auto;
	margin-top: 0.266667rem;
}

.renewal{
	z-index: 4;
}
.renewal>img {
    height: 0.4rem;
}
/*第一页*/
.content1{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b1.png) no-repeat;
	background-size:contain;
	position: relative;
}
.photoframe{
	position: relative;
	text-align: center;

}

.album-old{
	width: 100%;
	height: 100%;
}
.renewal{
		position: absolute;
		text-align: center;
}
.r1{
    margin-top: 67%;
    margin-left: 31%;
}
.img1{
	width: 5.4666666rem;
	height:7.28rem;
	position: absolute;
	overflow: hidden;
	margin-left: 0.88rem;
	margin-top: 2.213333rem;
	
}
.text1{
	width: 15%;
	height: 3.573333rem;
	border: 1px solid;
	 writing-mode: vertical-rl;
	 position: absolute;
	 right: 6.9%;
	 margin-top: 13%;
	 border: 1px solid;
}
/*第二页*/
.content2{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b2.png) no-repeat;
	background-size:contain;
	position: relative;
}
.photoframe2{
	position: relative;
	text-align: center;

}
.img2{
	width: 4.8rem;
    height: 3.6rem;
    position: absolute;
    margin-left: 0.93rem;
    margin-top: 2.15rem;
    overflow: hidden;
    transform: rotate(-3deg);
}
.r2{
	position: absolute;
	margin-top: 40%;
    margin-left: 28%;
}
.r2_1{
	position: absolute;
	    margin-top: 98%;
    margin-left: 44%;
}
.img3{
	width: 5.12rem;
    height: 3.84rem;
    position: absolute;
       margin-left: 2.22rem;
    bottom: 1.05rem;
    text-align: center;
    overflow: hidden;
}
.photoframe2-img{
	position: absolute;
	width: 1.28rem;
	margin-left: 1.12rem;
	bottom: 4.08rem;
	z-index: 5;
}
.input{
	width: 10rem;
	height: 5rem;
	outline: 0;
	z-index: 100;
	margin-top: 0.2rem;
	
}
.Input1>input{
	background-color: #FFFFFF;
	border: none;
outline: 0;
}
.text7{
	position: absolute;
	width: 16.4%;
    height: 29%;
    margin-top: 2rem;
    right: 0.666666rem;
}

/*第3页*/
.content3{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b3.png) no-repeat;
	background-size:contain;
	position: relative;
}
.photoframe4{
	position: relative;
	text-align: center;
	
}
.r3{
	margin-left: 22%;
	margin-top: 38%;
}
.img4{
	text-align: center;
	position: absolute;
    width: 4.4rem;
    height: 5.86rem;
    margin-top: 0.65rem;
    margin-left: 0.73rem;
    transform: rotate(-4.8deg);
    overflow: hidden;
}
.photoframe5{
	width: 4.5rem;
    height:5.96rem;
	position: relative;
	text-align: center;
	margin-left:3.2rem ;
	margin-top: 5rem;
	border:0.12rem solid #D0E2FA;
	border-radius: 0.1rem;
	 transform: rotate(2.5deg);
}
.r4{
	margin-left: 26%;
	margin-top: 53%;
}
.img5{
	text-align: center;
	position: absolute;
    width: 4.4rem;
    height: 5.86rem;
    margin-top: 0.05rem;
    /*margin-left: 0.73rem;*/
    /*transform: rotate(-4.8deg);*/
    overflow: hidden;
}
.content3-img{
	width: 6.1866rem;
	height: 0.61333rem;
	position: absolute;
	bottom: 0.613333rem;
	margin-left: 0.37rem;
}
.Input2{
	position: absolute;
	transform: rotate(2.5deg);
	color: #333;
	margin-left: 0.5333rem;
	margin-top: -3.2rem;
	/*margin-top: -5.2rem;*/
	overflow: hidden;
}
.text{
	overflow: hidden;
}
.text2{
	width: 2.05rem;
	height: 2.21rem;
	
}
/*第四页*/
.content4{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b4.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r5{
	margin-left: 20%;
    margin-top: 48%;
}
.img6{
	width: 2.9066666rem;
    height: 3.86666666rem;
    overflow: hidden;
    position: absolute;
    margin-left: 1.28rem;
    margin-top: 2.48rem;
 	text-align: center;
 	z-index: 2;
 	border-top-left-radius: 0.5rem;
}
.img7{
	width: 2.9066666rem;
    height: 3.86666666rem;
    overflow: hidden;
    position: absolute;
    right: 1.01333333rem;
     margin-top: 2.48rem;
 	text-align: center;
 	z-index: 1;
 	border-top-right-radius: 0.5rem;
}
.r6{
	    margin-left: 57%;
    margin-top: 48%;
}
.r8{
	    margin-left: 19%;
    margin-top: 97%;
}
.img8{
	width: 2.9066666rem;
    height: 3.86666666rem;
    overflow: hidden;
    position: absolute;
    margin-left: 1.28rem;
      margin-top: 79.6%;
    text-align: center;
    border-bottom-left-radius: 0.5rem;
}
.r9{
	margin-left: 56%;
    margin-top: 97%;
}
.img9{
	width: 2.9066666rem;
    height: 3.86666666rem;
    overflow: hidden;
    position: absolute;
     right: 1.01333333rem;
       margin-top: 79.6%;
    text-align: center;
    border-bottom-right-radius: 0.5rem;
}
.text3{
	width: 5.5rem;
   height: 1.3rem;
    position: absolute;
    margin-left: 1.6rem;
    margin-top: 1.2rem;
    text-align: center;
}
/*第5页*/
.content5{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b5.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r10{
	    margin-left: 26%;
    margin-top: 25%;
}
.img10{
       width: 4.2rem;
    height: 3.15rem;
    overflow: hidden;
    position: absolute;
    margin-left: 1.1rem;
    margin-top: 1.08rem;
    text-align: center;
    transform: rotate(-3deg);
}
.r11{
	     margin-left: 53%;
    margin-top: 59%;
}
.img11{
    width: 3.55rem;
    height: 2.65rem;
    position: absolute;
    margin-left: 3.65rem;
    margin-top: 4.25rem;
    text-align: center;
    transform: rotate(5deg);
}
.r12{
	margin-left: 26%;
    margin-top: 98%;
}
.img12{
    width: 3.973333rem;
    height: 3.0133333rem;
    position: absolute;
    margin-left: 1.15rem;
    margin-top: 7rem;
}
.content5-img{
	position: absolute;
	margin-left: 0.42rem;
	bottom: 1.546666rem;
	width: 1.34rem;
	height: 1.14666rem;
}
.input4{
	/*margin-left: 2.695rem;*/
}
.text4{
width: 1.5rem;
    height: 2.5rem;
    position: absolute;
    margin-left: 5.78rem;
    margin-top: 7.2rem;
}

/*第6页*/
.content6{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b6.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r13{
 margin-left: 53%;
    margin-top: 20%;
}
.img13{
	width: 4.90666rem;
    height:3.68rem;
    overflow: hidden;
    position: absolute;
    right: 0.4533rem;
    margin-top: 0.533rem;
}
.r14{
	margin-left: 16%;
    margin-top: 73%;
}
.img14{
	width: 3.6533rem;
    height:4.8533rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.5866rem;
    margin-top:4.1333rem;
}
.r15{
	    margin-left: 57%;
    margin-top: 100%;
}
.img15{
	width: 3.52rem;
    height: 4.69333rem;
    overflow: hidden;
    position: absolute;
    right: 0.64rem;
    margin-top: 6.55rem;
}
.input5{
	/*position: absolute;
	 right: 0.5rem;
	 margin-top: 3.6rem;*/
} 
.text5{
	width: 3.30666rem;
    height: 1.81333rem;
    position: absolute;
    right: 0.5rem;
    margin-top: 4.45rem;
}
/*第7页*/
.content7{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b7.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r16{
	   margin-left: 9%;
    margin-top: 43%;
}
.img16{
	width: 3.2rem;
    height:4.18666rem;
    overflow: hidden;
    position: absolute;
    margin-left:0.26666rem;
    margin-top: 2rem;
}
.r17{
	   margin-left: 58%;
    margin-top: 43%;
}
.img17{
	width: 4.64rem;
    height:3.546666rem;
    overflow: hidden;
    position: absolute;
    right:0.10666rem;
    margin-top: 2.346666rem;
}
.r18{
	  margin-left: 16%;
    margin-top: 92%;
}
.img18{
	width: 4.56rem;
    height:3.46666rem;
    overflow: hidden;
    position: absolute;
    margin-left:0.13333rem;
    margin-top:6.25rem;
}
.r19{
	    margin-left: 64%;
    margin-top: 92%;
}
.img19{
	width: 3.33333rem;
    height:4.373333rem;
    overflow: hidden;
    position: absolute;
   right:0.2133333rem;
    margin-top:5.92rem;
}
.content7-img{
	position: absolute;
	width: 2.53333;
	height: 2.4rem;
	margin-left: 2.9333rem;
	margin-top: 4.88rem;
}
.input6{
	/*position: absolute;
	margin-left: 1.03333rem;
	  margin-top:9.72rem;*/
}
.text6{
	position: absolute;
	width: 5.06666rem;
	height: 0.72rem;
	margin-left: 1.03333rem;
	  margin-top:10.4rem;
	/*  border: 1px solid;*/
}
/*第8页*/
.content8{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b8.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r20{
	margin-left: 56%;
    margin-top: 29%;
}
.r21{
	 margin-left: 40%;
    margin-top: 93%;
}
.img20{
	    width: 2.6133333rem;
    height: 3.44rem;
    position: absolute;
    margin-top: 1.27rem;
    right: 1.18rem;
    transform: rotate(9deg);
}
.img21{
	width: 6.16rem;
	height: 4.6666rem;
	margin-left: 1.146666rem;
	position: absolute;
	margin-top: 6rem;
}
.text8{
	width: 1.853333rem;
    height: 3.056666rem;
    margin-left: 1.73333rem;
    margin-top: 1.706666rem;
    border: 1px solid;
}
/*第9页*/
.content9{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b9.png) no-repeat;
	background-size:contain;
	position: relative;
}
.img22{
	width: 3.7066666rem;
    height: 4.933333rem;
    position: absolute;
    margin-left: 1.17rem;
    margin-top: 1.08rem;
    transform: rotate(-5deg);
}
.r22{
	    margin-left: 25%;
    margin-top: 36%;
}
.r23{
	margin-left: 60%;
    margin-top: 49%;
}
.r24{
	    margin-left: 26%;
    margin-top: 98%;
}

.img23{
	width: 2.88rem;
	height: 3.813333rem;
	position: absolute;
	right:0.693333rem;
	margin-top:2.64rem;
	z-index: 2;
}
.img24{
	    width: 2.85333333rem;
    height: 3.78666666rem;
    position: absolute;
    margin-left: 1.85rem;
    margin-top: 6.77rem;
    transform: rotate(5deg);
}
.text9{
	width: 1.7rem;
    height: 2.55rem;
    position: absolute;
    right: 1.36rem;
    margin-top: 7rem;
}
/*第10页*/
.content10{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b10.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r25{
	margin-left: 19%;
    margin-top: 48%;
}
.r26{
	margin-left: 61%;
    margin-top: 44%;
}
.r27{
	margin-left: 38%;
    margin-top: 94%;
}
.img25{
	    width: 3.28rem;
    height: 2.346666rem;
    position: absolute;
    margin-left: 1rem;
    margin-top: 3.4rem;
    transform: rotate(-6.5deg);
}

.img26{
	width: 2.533333rem;
    height: 3.5rem;
    position: absolute;
    right: 0.85rem;
    margin-top: 2.33rem;
    transform: rotate(3deg);
}
.img27{
   width: 6.24rem;
    height: 4.18rem;
    position: absolute;
    margin-left: 1.08rem;
    margin-top: 6.15rem;
}
.text10{
	width: 1.92rem;
	height:1.68rem ;
	position: absolute;
	margin-left: 2.213333rem;
	margin-top: 1.386666rem;
}
.content10-img{
	width:0.74rem;
	position: absolute;
	margin-top: 5.173333rem;
	right: 0.4rem;
	z-index: 5;
}
.content10-img1{
	width:1.226666rem;
	position: absolute;
	bottom: 0.6rem;
	margin-left: 0.746666rem;
	z-index: 5;
}
/*第11页*/
.content11{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b11.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r28{
	    margin-left: 38%;
    margin-top: 50%;
}
.img28{
	    width: 6.42666666rem;
    height: 4.8266666rem;
    position: absolute;
    margin-left: 1.0666666rem;
    margin-top: 2.346666666rem;
}
.text11{
	width: 5.44rem;
    height: 1.5rem;
    position: absolute;
    margin-left: 1.413333rem;
    margin-top: 9rem;
}
/*第12页*/
.content12{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b12.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r29{
	margin-left: 29%;
    margin-top: 32%;
}
.r30{
	margin-left: 67%;
    margin-top: 51%;
    z-index: 7;
}
.r31{
	margin-left: 15%;
    margin-top: 101%;
    
}
.r32{
	margin-left: 56%;
    margin-top: 98%;
}
.img29{
	    width: 5.12rem;
    height: 3.866666rem;
    position: absolute;
    margin-left: 0.933333rem;
    margin-top: 1.2533333rem;
}
.img30{
	width: 2.05rem;
    height: 2.75rem;
    position: absolute;
    margin-left: 5.5rem;
    margin-top: 3.5rem;
    transform: rotate(5deg);
    z-index: 6;
}
.img31{
	width: 2.8rem;
    height: 3.573333rem;
    position: absolute;
    margin-left: 0.94rem;
    margin-top: 7.15rem;
    transform: rotate(-4deg);
}
.img32{
	    width: 3.2533333rem;
    height: 4.32rem;
    position: absolute;
    margin-left: 4.1333333rem;
    margin-top: 6.5333333rem;
}
.text12{
	    width: 4rem;
    height: 1.3rem;
    position: absolute;
    margin-left: 0.8rem;
    margin-top: 5.25rem;
}
.content12-img{
	width: 1.84rem;
	position: absolute;
	top: 0rem;
	margin-left: 0rem;
	z-index: 10;
}
/*第13页*/
.content13{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b13.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r33{
	    margin-left: 20%;
    margin-top: 21%;
}
.r34{
    margin-left: 21%;
    margin-top: 57%;
}
.r35{
	margin-left: 59%;
    margin-top: 51%;
    
}
.r36{
	margin-left: 50%;
    margin-top: 98%;
}
.img33{
	width: 3.44rem;
    height: 2.693333rem;
    position: absolute;
    margin-left: 0.96rem;
    margin-top: 0.9rem;
      transform: rotate(5deg);
}
.img34{
	    width: 3.44rem;
    height: 2.693333rem;
    position: absolute;
    margin-left: 0.96rem;
    margin-top: 3.92rem;
    transform: rotate(-5deg);
}
.img35{
	    width: 2.45333333rem;
    height: 3.2533333rem;
    position: absolute;
    margin-left: 4.8rem;
    margin-top: 3.2rem;
    }
.img36{
	    width: 4.906666rem;
    height:3.68rem;
    position: absolute;
    margin-left: 2.72rem;
    margin-top: 6.9333333rem;
}
.text13{
	width: 1.8rem;
    height: 2.1rem;
    position: absolute;
    margin-left: 5rem;
    margin-top: 0.8rem;
}
/*第14页*/
.content14{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b14.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r37{
	margin-left: 57%;
    margin-top: 24%;
}
.r38{
    margin-left: 21%;
    margin-top: 57%;
}
.r39{
	margin-left: 64%;
    margin-top: 65%;
    
}
.r40{
	    margin-left: 26%;
    margin-top: 98%;
}
.img37{
	width: 4.1rem;
    height: 3.2rem;
    position: absolute;
    margin-left: 3.7rem;
    margin-top: 1rem;
    transform: rotate(2deg);
}
.img38{
	width: 3.6rem;
    height: 2.7rem;
    position: absolute;
    margin-left: 0.98rem;
    margin-top: 3.8rem;
    transform: rotate(-4deg);
    
}
.img39{
	  width: 2.72rem;
    height: 2.053333rem;
    position: absolute;
    right: 0.5rem;
    margin-top: 4.90666rem;
    }
.img40{
	    width: 4.10666rem;
    height:3.12rem;
    position: absolute;
    margin-left: 1.146666rem;
    margin-top: 7.0133333rem;
}
.text14{
	width: 2rem;
    height: 2.2rem;
    position: absolute;
    margin-left: 1rem;
    margin-top: 0.9rem;
    border: 1px solid;
}
.In_14{
	left: 8.2%;
}
.text15{
	width: 1.5rem;
    height: 2.5rem;
    position: absolute;
    margin-left: 5.7rem;
    margin-top: 7.3rem;
}

.content14-img{
	width: 0.88rem;
	position: absolute;
	margin-left: 4.4rem;
	margin-top: 5.73333rem;
	z-index: 5;
}
/*插页模板*/
.iset1{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/c1.jpg) no-repeat;
	background-size:contain;
	position: relative;
}
.iset2{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/c2.jpg) no-repeat;
	background-size:contain;
	position: relative;
}
.iset4{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/parentOffspring/b15.jpg) no-repeat;
	background-size:contain;
	position: relative;
}
.text16{
        width: 6rem;
    height: 6rem;
    writing-mode: vertical-lr;
    border: 1px solid;
    position: absolute;
    margin-top: 21%;
    left: 10%;
}
.iset5{
	width: 8.27rem;
	height: 11.68rem;
	position: relative;
}
.img41{
	width: 90%;
    height: 11rem;
    position: absolute;
    margin: 4% 5%;
}
.r41{
	position: absolute;
	margin-left: 38%;
    margin-top: 69%;
    background-color: rgb(135,225,213);
}
/*调整视频的位置*/
.img1>.vedioToCode{
	margin: 14% -6%;
}
.img1>.vedioToCode>img{
	position: absolute;
  left: 45%;
    top: 46%;
}
.img2>.vedioToCode{
  margin: -5% 8%;
}
.img2>.vedioToCode>img{
	position: absolute;
    left: 46%;
    top: 41%;
}
.img3>.vedioToCode{
	margin: -4% 8%;
}
.img3>.vedioToCode>img{
	position: absolute;
    left: 44%;
    top: 42%;
}
.img4>.vedioToCode{
  	    margin: 1% 0%;
}
.img4>.vedioToCode>img{
	position: absolute;
  left: 45%;
    top: 46%;
}
.img5>.vedioToCode{
	margin: 15% 0%;
}
.img5>.vedioToCode>img{
	position: absolute;
  left: 45%;
    top: 46%;
}
.img6>.vedioToCode{
 	margin: 15% -5%;
}
.img6>.vedioToCode>img{
	position: absolute;
    left: 45%;
    top: 46%;
}
.img7>.vedioToCode{
      	margin: 15% -5%;
}
.img7>.vedioToCode>img{
	position: absolute;
   left: 45%;
    top: 46%;
}
.img8>.vedioToCode{
   margin: 11% -5%;
}
.img8>.vedioToCode>img{
	position: absolute;
    left: 45%;
    top: 46%;
}
.img9>.vedioToCode{
     margin: 11% -5%;
}
.img9>.vedioToCode>img{
	position: absolute;
	 left: 45%;
    top: 46%;
}
.img10>.vedioToCode{
	    margin: -2% 10%;
}
.img10>.vedioToCode>img{
	position: absolute;
   left: 45%;
    top: 40%;
}
.img11>.vedioToCode{
       margin: -2% 10%;
}
.img11>.vedioToCode>img{
	position: absolute;
	    left: 45%;
    top: 43%;
}
.img12>.vedioToCode{
   margin: -1% 10%;
}
.img12>.vedioToCode>img{
	position: absolute;
	 left: 44%;
    top: 43%;
}
.img13>.vedioToCode{
      margin: -5% 9%;
}
.img13>.vedioToCode>img{
	position: absolute;
	    left: 46%;
    top: 39%;

}
.img14>.vedioToCode{
    margin: 13% -2%;
}
.img14>.vedioToCode>img{
	position: absolute;
    left: 47%;
    top: 44%;
}
.img15>.vedioToCode{
	    margin: 12% -5%;
}
.img15>.vedioToCode>img{
	position: absolute;
 left: 46%;
    top: 44%;
}
.img16>.vedioToCode{
	margin: 14% -5%;
}
.img16>.vedioToCode>img{
	position: absolute;
  left: 45%;
    top: 46%;
}
.img17>.vedioToCode{
       margin: -1% 20%;
    width: 3.5rem;
}
.img17>.vedioToCode>img{
	position: absolute;
     left: 53%;
    top: 39%;
}
.img18>.vedioToCode{
       margin: 1% 4%;
    width: 3.5rem;
}
.img18>.vedioToCode>img{
	position: absolute;
	    left: 38%;
    top: 43%;
}
.img19>.vedioToCode{
       margin: 21% -7%;
}
.img19>.vedioToCode>img{
	position: absolute;
     left: 46%;
    top: 54%;
}
.img20>.vedioToCode{
   margin: 10% -7%;
}
.img20>.vedioToCode>img{
	position: absolute;
        left: 45%;
    top: 45%;
}
.img21>.vedioToCode{
  margin: -5% 7%;
}
.img21>.vedioToCode>img{
	position: absolute;
    left: 45%;
    top: 43%;
}
.img22>.vedioToCode{
       margin: 15% -6%;
    width: 3.8rem;
}
.img22>.vedioToCode>img{
	position: absolute;
   left: 45%;
    top: 46%;
}
.img23>.vedioToCode{
       margin: 13% -5%;
}
.img23>.vedioToCode>img{
	position: absolute;
  left: 45%;
    top: 46%;
}
.img24>.vedioToCode{
      margin: 11% -6%;
}
.img24>.vedioToCode>img{
	position: absolute;
  left: 45%;
    top: 46%;
}
.img25>.vedioToCode{
     margin: -3% 11%;
}
.img25>.vedioToCode>img{
	position: absolute;
  left: 46%;
    top: 41%;
}
.img26>.vedioToCode{
  margin: 12% -4%;
}
.img26>.vedioToCode>img{
	position: absolute;
 left: 45%;
    top: 46%;
}
.img27>.vedioToCode{
  margin: -5% 12%;
}
.img27>.vedioToCode>img{
	position: absolute;
left: 45%;
    top:39%;
}
.img28>.vedioToCode{
  margin: -5% 7%;
}
.img28>.vedioToCode>img{
	position: absolute;
  left: 44%;
    top: 44%;
}
.img29>.vedioToCode{
         margin: -4% 8%;
}
.img29>.vedioToCode>img{
	position: absolute;
  left: 46%;
    top: 41%;
}
.img30>.vedioToCode{
       margin: 16% -5%;
}
.img30>.vedioToCode>img{
	position: absolute;
 left: 45%;
    top: 46%;
}
.img31>.vedioToCode{
      margin: 10% -4%;
}
.img31>.vedioToCode>img{
	position: absolute;
     left: 45%;
    top: 46%;
}
.img32>.vedioToCode{
	margin: 12% -6%;
}
.img32>.vedioToCode>img{
	position: absolute;
    left: 45%;
    top: 46%;
}
.img33>.vedioToCode{
    margin: -3% 7%;
}
.img33>.vedioToCode>img{
	position: absolute;
  left: 44%;
    top: 44%;
}
.img34>.vedioToCode{
       margin: -4% 7%;
}
.img34>.vedioToCode>img{
	position: absolute;
    left: 45%;
    top: 40%;
}
.img35>.vedioToCode{
       margin: 13% -6%;
}
.img35>.vedioToCode>img{
	position: absolute;
  left: 45%;
    top: 46%;
}
.img36>.vedioToCode{
        margin: -5% 7%;
}
.img36>.vedioToCode>img{
	position: absolute;
    left: 47%;
    top: 42%;
}
.img37>.vedioToCode{
     margin: -3% 11%;
    height: 100%;
}
.img37>.vedioToCode>img{
	position: absolute;
    left: 46%;
    top: 36%;
}
.img38>.vedioToCode{
    margin: 0% 12%;
    height: 100%;
}
.img38>.vedioToCode>img{
	position: absolute;
 left: 45%;
    top: 41%;

}
.img39>.vedioToCode{
   margin: -4% 9%;
}
.img39>.vedioToCode>img{
	position: absolute;
    left: 45%;
    top: 41%;
}
.img40>.vedioToCode{
 margin: -5% 7%;
}
.img40>.vedioToCode>img{
	position: absolute;
 left: 45%;
    top: 40%;
}
.img41>.vedioToCode{
    margin: 19% -6%;
}
.img41>.vedioToCode>img{
	position: absolute;
 left: 45%;
    top: 46%;
}













/*语音位置*/
.In{
    width: 10rem;
    height: 5rem;
    display: none;
    z-index:100;
    position: fixed;
    margin-left: -9%;
    bottom:0%;
}
.wan,.qu{
	position: absolute;
	font-size: 16px;
	color:rgb(135,225,163);
	right:0.42rem ;
	margin-top: 0.5rem;
	
}
.qu{
	left:0.42rem ;
	color: gb(255,255,255);
}
.sounds{
	position: absolute;
	margin-left: -1%;
    margin-top: 0%;
}
.text1>.erWeiMa{
	height: 1.3rem;
	margin: 26% 0%;
}
.text1>div>img{
	position: absolute;
    right: -14%;
    margin-top: 36%;
}
.text2>.erWeiMa{
	width: 1.5rem;
    height: 1.5rem;
    margin: 1% 4%;
}
.text3>.erWeiMa{
   width: 1.3rem;
    height: 1.3rem;
    margin: 0% 33%;
}
.text3>div>img{
	margin-left: 16%;
    margin-top: -20%;
}
.text4>.erWeiMa{
	width: 1.5rem;
    height: 1.5rem;
	    margin: 12% 0%;
}
.text4>div>img{
	    margin-left: -1%;
    margin-top: -4%;
}
.text5>.erWeiMa{
	width: 1.5rem;
    height: 1.5rem;
     margin: 3% 1%;
}
.text5>div>img{
	margin-left: 52%;
    margin-top: -37%;
}
.text6>.erWeiMa{
	width: 1.3rem;
    height: 1.3rem;
    margin: 0% 0%;
}
.text6>div>img{
      margin-left: 28%;
    margin-top: -19%;
}
.text8>div>img{
       margin-left: 2%;
    margin-top: 0%;
}
.text9>div>img{
      margin-left: 8%;
    margin-top: 0%;
}
.text10>.erWeiMa{
	width: 1.3rem;
    height: 1.3rem;
     margin: 0% 13%;
}
.text10>div>img{
    margin-left: -8%;
    margin-top: -9%;
}
.text11>.erWeiMa{
	width: 1.3rem;
    height: 1.3rem;
       margin: 0% 28%;
}
.text11>div>img{
   margin-left: 27%;
    margin-top: -19%;
}
.text12>.erWeiMa{
	    width: 1.3rem;
    margin: 2% 11%;
}
.text12>div>img{
  position: absolute;
    margin-left: 33%;
    margin-top: -25%;
}
.text13>div>img{
  position: absolute;
margin-left: 6%;
    margin-top: -13%;
}
.text14>.erWeiMa{
	    width: 1.5rem;
   margin: 5% 22%;
}
.text14>div>img{
  position: absolute;
margin-left: -2%;
    margin-top: -4%;
}
.text15>.erWeiMa{
	width: 100%;
}
.text16>.erWeiMa{
	    width: 6rem;
    height: 6rem;
    position: absolute;
    margin: -8% 1%;
}
.text16>div>img{
	position: absolute;
  width: 34%;
    margin-left: -68%;
    margin-top: 96%;
}
/*语音二维码和语音条*/
.text2-wh{
	height: 3.5rem;
	width: 2.3rem;
}
.text3-wh{
	height: 2rem;
	width: 5rem;
	margin-top: 1rem;
}
.text4-wh{
	
}
.text5-wh{
	height: 2rem;
	width: 3rem;
}
.text6-wh{
	height: 1.3rem;
	width: 5rem;
	margin-top: 10rem;
}
.vedioToCode>img {
    width: 10%;
}
.upload-img{
	overflow: hidden;
}
.mw{
	width: 100% !important;

}
.mh{
	height: 100% !important;
}
/*.upload-div{
	position: absolute;
	background-color: #000000;
	z-index: 10;
	opacity: 0.3;
}*/
/*.FunctionBar_1 {
    display: flex !important;
  
}*/
/*插页*/
.ima_mb{
	display: none;
}
